import React, {FC, useEffect, useState} from "react";
import { Space,Typography } from "antd";
import { FormOutlined } from '@ant-design/icons'
import styles from './index.module.scss'
import { Link } from "react-router-dom";
import useGetUserInfo from "../../hooks/useGetUserInfo";
import { HOME_PATHNAME, MANAGE_LIST_PATHNAME } from "../../router";
const { Title } = Typography;

const Logo: FC = () => {
  const { username, nickname} = useGetUserInfo()
  const [pathname, setPathname] = useState(HOME_PATHNAME)
  useEffect(() => {
    if (username) {
      setPathname(MANAGE_LIST_PATHNAME)
    }
  }, [username])

  return (
    <div className={styles.container}>
      <Link to='/'>
        <Space>
          <Title><FormOutlined/></Title>
          <Title>LUABU问卷易搭</Title>
        </Space>
      </Link>
    </div>
  )
}

export default Logo;